<style>
#configDialog > div {
	width: 400px;
	height: auto;	
}
#configDialog input[type=text] {
	width: 200px;
}

</style>

<div id="configDialog" class="Dialog">
	<h3>
		<img class="CloseImg" src="img/batu-red.png" onclick="Dialog.close()"/>
		<nobr>Preference</nobr>
	</h3>
	<div>
		<input type="checkbox" data-path="directionsBalloon" />
			Enable directions balloon.<br/>
		<br/>
		Font family: <input type=text data-path="fontFamily" />

		<div class="DialogButtons">
			<button onclick="Dialog.close()">Cancel</button>
			<button onclick="Dialog.save();Eclipse.syncPreferences()">OK</button>
		</div>
	</div>
</div>
